<%@ page contentType="text/html;charset=utf-8" language="java" %>
<%@ include file="/WEB-INF/views/common/taglibs.jsp" %>
<html>
<!-- BEGIN HEAD -->
<head>
    <title>用户管理</title>
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="${ctx}/static/lib/jquery.gritter/jquery.gritter.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/lib/toggle.buttons/bootstrap-toggle-buttons.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/lib/bootstrap.modal/bootstrap-modal.css"/>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/lib/jquery.dynatree/skin-vista/ui.dynatree.css" id="skinSheet"/>
    <link rel="stylesheet" type="text/css" href="${ctx }/static/assets-sentir/plugins/datatable/css/bootstrap.datatable.min.css" rel="stylesheet">
    <!-- END PAGE LEVEL STYLES -->
    <!-- BEGIN PAGE LEVEL PLUGINS -->
    <script type="text/javascript" src="${ctx}/static/lib/backdone/underscore-min.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/jquery.gritter/jquery.gritter.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/jquery.dynatree/jquery.dynatree.js"></script>
    <!-- END PAGE LEVEL PLUGINS -->
    <!-- BEGIN PAGE LEVEL SCRIPTS -->
    <script type="text/javascript" src="${ctx }/static/assets-sentir/plugins/datatable/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="${ctx }/static/assets-sentir/plugins/datatable/js/bootstrap.datatable.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/jquery.validation/jquery.validate.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/toggle.buttons/jquery.toggle.buttons.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/uploadify/js/jquery.uploadify.min.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/backdone/underscore-min.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/bootstrap.modal/bootstrap-modal.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/bootstrap.modal/bootstrap-modalmanager.js"></script>
    <script type="text/javascript" src="${ctx}/static/lib/require/require.js"></script>
    <script type="text/javascript" src="${ctx}/static/js/app.js"></script>
    <!-- END PAGE LEVEL SCRIPTS -->
    <script type="text/javascript">
        jQuery(function () {

            App.init();

            // 因jsp冲突，将模板匹配字符改为{{}}
            _.templateSettings = {
                evaluate: /\{\{([\s\S]+?)\}\}/g,
                interpolate: /\{\{=([\s\S]+?)\}\}/g,
                escape: /\{\{-([\s\S]+?)\}\}/g
            };

            require.config({
                baseUrl: "${ctx}/static/",
                paths: {'jquery': 'assets-sentir/js/jquery.min'},
                shim: {}
            });

            require(['pagejs/system/user'], function (User) {
                var user = new User({
                    host: "${ctx}"
                });
                user.show();
            });

        });
    </script>
    <script id="temp_op" type="text/template">
        <span data-sign="{{=sign}}" data-id="{{=id}}" data-name="{{=name}}">
            {{ _.each(ops, function(op){ }}
            <a href="javascript:void(0);" class="btn btn-sm btn-info" data-sign="{{=op.sign}}" data-id="{{=op.id}}"
               data-name="{{=op.name}}">{{=op.btnName}}</a>
            {{ }); }}
        </span>
    </script>
</head>
<body>
    <div <%--class="the-box"--%>>
        <!-- BEGIN TABLE-->
        <div id="content_user_list" data-sign="content" class="table-responsive">
            <div id="form_user_search" class="form-inline">
                <input type="text" name="search_userName" class="form-control" placeholder="用户名">
                <button id="btn_user_search" type="button" class="btn btn-primary">搜索</button>
                <button id="btn_user_new" class="btn btn-info">新增用户</button>
            </div>
            <table id="table_user_list" class="table table-th-block table-primary">
                <thead>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
        <!-- END TABLE-->
        <!-- BEGIN PRODUCT PACKAGE -->
        <div id="content_user_edit" data-sign="content" >
            <%--<h4 class="bolded">用户详细信息</h4>--%>
            <div id="div_user_edit" >
            </div>
        </div>
        <!-- END PRODUCT PACKAGE -->
    </div>
</body>
</html>